<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link type="text/css" href="/share/css/reset.css" rel="stylesheet" />
	<script type="text/javascript" src="/share/js/jquery.min.js"></script>
	<script type="text/javascript" src="/share/js/zepto.min.js"></script>
</head>
<body>
	<div id="module_html" class="top_1">
		<div class="logo"><a href="index.html"><img src="/module/1/images/logo.gif" /></a></div>
		<div class="navicon"><a href="#"></a></div>
		<div class="search"><a href="#"></a></div>
		<div class="subnav">
			<a href="#">网站首页</a>
			<a href="#">关于我们</a>
			<a href="#">热力产品</a>
		</div>
		<div class="zhezhao"></div>
	</div>

	<div id="module_css">
		<style type="text/css">
			.top_1{width:100%;height:40px;position:relative;z-index:8;background:#F4F2EB;}
			.top_1 .logo img{max-height:40px;float:left;}
			.top_1 .navicon, .top_1 .search{position:absolute;top:0;width:40px;display:block;height:100%;}
			.top_1 .navicon{right:0;}
			.top_1 .search{right:40px;}
			.top_1 .navicon a,.top_1 .search a{display:block;height:100%;background-size:20px auto!important;}
			.top_1 .navicon a{background:url(/module/1/images/sdaf23456.png) no-repeat center;}
			.top_1 .search a{background:url(/module/1/images/icon-search640.png) no-repeat center;}
			.top_1 .subnav{position:absolute;width:100%;left:0;top:40px;background:#FFF;display:none;}
			.top_1 .subnav a{display:block;height:40px;line-height:40px;border-bottom:1px solid #E8E8E8;margin:0 10px;background:url(/module/1/images/arr.png) no-repeat right center;background-size:auto 12px;}
			.top_1 .subnav a:last-child{border:none;}
			.zhezhao{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:7;display:none;}
		</style>

		<script type="text/javascript" src="/module/1/js/top_1.js"></script>

		<script type="text/javascript">
			$(document).ready(function(e){
				$(function(){
					new FastClick(document.body);
				})

				$(".top_1 .navicon").on("click",function(e){
					$(".top_1 .subnav").toggle();
					$(".zhezhao").toggle();
				});

				$(".zhezhao").on("click",function(e) {
					$(".top_1 .subnav").toggle();
					$(".zhezhao").toggle();
				});

			});
		</script>
	</div>
</body>
</html>